var width = document.documentElement.clientWidth;
$(document).ready(function() {
		$dragBln = false;

		$(".indexCl").touchSlider({
			flexible: true,
			counter: function(e) {
			}
		});

		$(".indexCl").bind("mousedown", function() {
			$dragBln = false;
		});
       var index=0;
	$('.indexCl a').click(function(){
		for (var k=0;k<$('.indexCl a').length;k++) {
			index=$('.indexCl a').index(this);
			var value = -(index-k)*20+40+'%';
			var value1 =-(index-k)*20+60+'%';
			var value2 =-(index-k)*20+80+'%';
		    var len4=$('.indexCl a').length-2;
			if(2<=index&&index<len4){
		 		$('.indexCl a span ').eq(k).css({left:value});
		 }
			 var len1 = $('.indexCl a span ').eq($('.indexCl a').length-1).css('left');
		    var len2=len1.split('px');
		    var len3 = len2[0]/width*100;
		   // console.log(len3);
		    if(len3>80&&len3<120){
		    	if(index==len4){
		    		$('.indexCl a span ').eq(k).css({left:value1});
		    	}
		    	if(index==len4+1){
		    		$('.indexCl a span ').eq(k).css({left:value2});
		    	}
		    }
		}
		 $('.indexCl a span').css({color:'rgb(51,51,51)',border:'0'});
		 $(this).find('span').css({color:'rgb(202,14,84)',borderBottom:'0.2rem solid rgb(202,14,84)'});
		 
	})
	});
	
$('.indexClick a').click(function(){
	$('.indexClick a').css({background:'#fff',color:'#333'})
	$(this).css({background:'rgba(202,14,84,1)',color:'#fff'});
});